';import remarkGfm from 'remark-gfm';import remarkMath from 'remark-math';import type { Pluggable } from normalizedRemarkPlugins, ].filter(Boolean) as Pluggable[];由上述代码可见 Lobe UI 的混合 Latex 的 Markdown 渲染是基于 remark js 实现的。 而进一步深入 remark-math 库,可发现其仅支持 $$ 、$ 格式的 Latex 文本,因此想要实现对\(\)、\[\] 格式的 Latex 支持,只能对其进行预处理,通过正则匹配的形式将\(\ )、\[\] 转换为 $ 、$$,实现此功能的正则表达式并不复杂,要求编程助手生成即可,prompt 如下生成 js 代码,实现以下功能1.
] .right-column[ 之前其实有一个工具叫做reveal.js,之前用过,印象中有点复杂。 于是搜索了下"markdown to slide",于是找到remark.js,主页就是一个slide,查看下源码发现里面直接是markdown格式的,这简直太好了,意味着我的md文件可以直接放进去。 ] 定制remark.js 代码用Python写有点简单,想来最近一直在跟js打交道,于是用node来写: //slide_it.js var fs = require('fs'); var template 基本使用 node slide_it.js markdown-to-slide.md // 会生成markdown-to-slide.html文件 页面也很容易定制,比如前面的两列的处理就是 .left-column class:center,middle End 演示链接 [Power by Remark.js]
self-hosted node app for Disqus-like drop-in commenting on static websites https://schnack.cool/ Node js 页面插入 script <script> var remark_config = { host: "REMARK_URL", // hostname of remark server, same + "/web/" + c[i] + ".js"; s.defer = true; (d.head || d.body).appendChild(s); } })( 新建 remark42.swig,贴入 script 代码 <script> var remark_config = { host: "你部署的remark42 服务", // hostname + '/web/' +c[i] +'.js'; s.defer = true; (d.head || d.body).appendChild(s); } })(remark_config.components
安装插件 npm install --save gatsby-transformer-remark gatsby-remark-highlight-code @deckdeckgo/highlight-code 配置插件 在 gatsby-config.js 中添加: // In your gatsby-config.js plugins: [ { resolve: `gatsby-transformer-remark `, options: { plugins: [ { resolve: `gatsby-remark-highlight-code` }, ], }, }, ] 运行时加载插件 对于 gatsby-starter-blog,在 src/templates/blog-post.js 的 BlogPostTemplate 效果:https://aping-dev.com/gatsby-highlight-code/ [image.png] 参考 gatsby-remark-highlight-code
将word格式的题库转为txt格式,导入至sqlite3中,使用Express.js做服务端提供json格式数据,使用React做前端获取服务端数据。 [6],q[7])) i=i+1 conn.commit() // 提交 使用express.js 输入以下内容: { "name": "express-sqlite3", "version": "1.0.0", "description": "", "main": "restapi.js node-sqlite3/tarball/master" }, "devDependencies": {}, "scripts": { "start": "node restapi.js 新建restapi.js文件,输入以下内容: var sqlite3 = require('sqlite3').verbose(); var db = new sqlite3.Database('db/
之前一直看过vue.js官网api,但是很少实践,这里抽出时间谢了个入门级的demo,记录下一些知识点,防止后续踩坑,牵扯到的的知识点:vue、vue-cli、vue-router、webpack等。 直接依次执行: cd tll npm i npm run dev 这样,一个自动配置好的vue项目便运行起来了,包含热更新、自动校验等,当然这些配置在build文件夹下的webpack.base.conf.js top-menu li { float: left; width: 100px; } </style> 5、创建详细路由配置 在src根目录下直接新建文件router.js "UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.<em>js</em> "></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/<em>js</em>/bootstrap.min.<em>js</em>"></script>
下载wdtree插件,我这里提供下载,我以前下载的wdtree不是很好用(不知道现在有没有新版本),但是我重新对这个插件进行修复,很符合菜单的操作, wdtree修复版下载 解压后,把js文件放到Scripts 200) NULL,--链接 [Iconic] [varchar](200) NULL,--图标,用于链接图标,或tab页图标 [Sort] [int] NULL,--排序 [Remark RightManage','SysUser',NULL,1,NULL,1,'Administrator','10 1 2012 12:00AM',1,NULL) 我们表里有数据了 回到前端页面,引入wdtree js <script src="~/Scripts/jquery.tree.<em>js</em>"></script> <link href="~/Content/tree/css/tree.css" rel="stylesheet " /> </head> 添加以下代码js代码到home.js下面 $(function () { var o = { showcheck: false, url
:主要介绍Markdown 中表格使用遇到的问题以及关于boostnote的简单介绍 链接:http://blog.bihe0832.com/markdow_advanced.html 基于remark.js 使用Markdown实现的在线PPT 概述:主要介绍基于remark.js实现的在线PPT展示模板,所有的PPT内容通过Markdown实现,更多是用来炫技 链接:http://blog.bihe0832 .com/remark.js.html 基于mdwiki使用Markdown实现的wiki 概述:主要介绍基于mdwiki和bootstrap实现的markdown编辑内容的js wiki框架的使用 ,比较适合对外文档 链接:http://blog.bihe0832.com/remark.js.html 浏览器内容管理 这两个工具在另一篇关乎chrome插件的文章中也有说明,这里因为感觉和效率关系比较大
) 阅读: 10 分钟 大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 要将 MD 文档格式化成网页的形式,我们还需要安装 remark 和 remark-html 这两个npm 插件,安装命令如下: npm i front-matter remark remark-html import { promises as fsp } from 'fs'; import path from 'path'; import fm from 'front-matter'; import remark from 'remark'; import remarkhtml from 'remark-html'; import * as dateformat from '. fsp.stat(file), data = await fsp.readFile(file, 'utf8'), matter = fm(data), html = (await remark
大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 Next.js 项目,学会了如何基于模板创建简单的页面 要将 MD 文档格式化成网页的形式,我们还需要安装 remark 和 remark-html 这两个npm 插件,安装命令如下: npm i front-matter remark remark-html import { promises as fsp } from 'fs'; import path from 'path'; import fm from 'front-matter'; import remark from 'remark'; import remarkhtml from 'remark-html'; import * as dateformat from '. fsp.stat(file), data = await fsp.readFile(file, 'utf8'), matter = fm(data), html = (await remark
路由部分对应JS代码: const router = new VueRouter({ routes: [ { name: "manifests", path: "/manifests 组件完整定义: /// <reference path="index.<em>js</em>" /> /// <reference path="vue.<em>js</em>" /> /// <reference path="vue-resource.<em>js</em> " /> /// <reference path="util.<em>js</em>" /> const Manifests = { template: "#manifests", created: function
如想实现点击《保存》也能实现保存的话,请按下面的方法,找到根目录admin/views/js/common.js中找到 editorMap['content'].sync(); 'y' : 'n'; var allow_remark = $("#post_options #allow_remark").attr("checked") == 'checked' ? ="+allow_remark +"&allow_tb="+allow_tb +"&password="+password 'y' : 'n'; var allow_remark = $("#post_options #allow_remark").attr("checked") == 'checked' ? ="+allow_remark +"&allow_tb="+allow_tb +"&password="+password
根据上面的分析,很容易想到:利用js构造一个script标签,把json的url赋给script的scr属性,把这个script插入到dom里,让浏览器去获取。 原来用script标签加载完后,会立即 把响应当js去执行,很明显{"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"}不是合法的js语句。 如果存在jsonpcallback这个方法,那么jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})就是合法的js语句。 200OK,服务器返回jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的 东方"}),我们也写了jsonpcallback方法,当然会执行 jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})
这里面有个坑,就是我先用了session的方法来试图解决问题,但是怎么试都总是失败,反复查询后发现发现数据中心是用node.js来写的,而这样的网页用的是token来验证身份,session()那套行不通 最后我在头信息中发现authorization,直接粘到headers的信息才解决问题的; 查看网页源代码,如果你需要的信息不在源代码中,那就说明要找的内容在JS文件中,在开发者模式下找到Network 中的XHR或者JS,里面一般都会有某个JS文件包含你要的信息(header包含头信息,preview包含要爬取的信息,最上面的request URL则是要爬取内容所需要的网址信息)。 ' in json_data.keys(): remark = json_data['remark'] else: remark = '' 'trades'] writer.writerow([user_id,wechat,nickname,majia,phone,address,name,tag,parentInfo,remark
根据上面的分析,很容易想到:利用js构造一个script标签,把json的url赋给script的scr属性,把这个script插入到dom里,让浏览器去获取。 原来用script标签加载完后,会立即 把响应当js去执行,很明显{"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"}不是合法的js语句。 如果存在jsonpcallback这个方法,那么jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})就是合法的js语句。 200OK,服务器返回jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的 东方"}),我们也写了jsonpcallback方法,当然会执行 jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})
"></script> <script type="text/javascript" src="/static/<em>js</em>/moment.<em>js</em>"></script> <script src=" /static/lib/jquery-file-upload/<em>js</em>/vendor/jquery.ui.widget.<em>js</em>"></script> <script src="/static/lib/ jquery-file-upload/<em>js</em>/jquery.iframe-transport.<em>js</em>"></script> <script src="/static/lib/jquery-file-upload /<em>js</em>/jquery.fileupload.<em>js</em>"></script> </head> <body>